<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <input type="button" id="btn1" value="点我一下试试1">
    <input type="button" id="btn2" value="点我一下试试2">

    <script>
        //1.事件监听--可以绑定多个事件
        document.querySelector("#btn1").addEventListener('click',function(){
            alert("试试就试试~");
        })
        document.querySelector("#btn1").addEventListener('click',function(){
            alert("试试就试试~");
        })

        //2.事件监听（早期版本）--调用事件属性---只能绑定一次，后面的会覆盖前面的
        document.querySelector("#btn2").onclick = ()=>{
            alert("试试就试试222222");
        }

    </script>
    
</body>
</html>